<template>
    <div>
        <ul>
            <li @click="reset(index)" v-for="(item,index) in list" :key="index">我是{{item.name}}</li>
        </ul>
    </div>
</template>

<script>
//数组和对象的更新操作,有时候不会使页面数据发生更新

export default {
    methods:{
        reset(index){
            // 数组在vue里, 不可以使用下标的形式直接使用赋值,页面不会更新
            // this.list[index]={name:"老A"};
            //使用splice
            this.list.splice(index,1,{name:'老A'});
            console.log(this.list);
        }
    },
    data(){
        return {
            list:[]
        }
    },
    mounted(){
        setTimeout(()=>{this.list=[{name:"小王"},{name:"小张"},{name:"小孙"}]},1000)
    }
}
</script>

<style>

</style>